<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
<title>Библиотека №1 | Вход</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link th:href="@{/styles/style.css}" rel="stylesheet" type="text/css">

</head>
<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="logo">
        <h1><a href="/libAssistant/main"><span>Библиотека №1</span>
        <br><small>Тёплый дом у дороги</small></a></h1>
      </div>
      <div class="menu">
        <ul>
          <li><a href="/libAssistant/main">На главную</a></li>
          <li><a href="/libAssistant/about">О библиотеке</a></li>

        </ul>
      </div>
      <div class="clr"></div>
    </div>

  </div>
  <div class="body">
    <div class="body_resize">
      <div class="left">
        <div class="resize_bg">
         <form name="login_form" method="post" action="/libAssistant/process_login">
        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">

        <label>   Login
            <input type="text" name="username" placeholder="login" id="username">
        </label>
        <br>
        <br>
        <label>Password
            <input type="password" name="password" id="password">
        </label>
        <br>
        <br>
        <input type="submit" value="Войти">
        <div th:if="${param.error}" style="color: red">Неверный логин или пароль</div>
    </form>
        </div>
      </div>

      <div class="clr"></div>
    </div>
  </div>

  <div class="footer">
    <div class="footer_resize">
      <p class="lf">Evgenij Pankrushov </p>
      <!-- <p class="rf">000</p> -->
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
</div>



</body>
</html>
